<!DOCTYPE html>
<html class="no-js" lang="pt">
<head>
<title>ReviewIt - Área Administrativa</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<link rel="stylesheet" href="../css/normalize.css" />
<link rel="stylesheet" href="../css/foundation.css" />
<link rel="stylesheet" href="../css/font_awesome.css" />
<link rel="stylesheet" href="../css/app.css" />
<script src="../js/modernizr.js"></script>
</head>
<body>
	<header id="header" class="row">
		<div class="large-12 columns">
			<a id="header-logo" href="" class="left"> <img
				src="../images/reviewit.png" alt="ReviewIt">
			</a>
			<nav id="header-nav" class="right">
				<ul class="button-group right">
					<li><a href="" class="small secondary button">Documentos</a></li>
					<li><a href="" class="small button">Usuários</a></li>
					<li><a href="" class="small secondary button">Administradores</a></li>
					<li><a href="" class="small secondary button">Tags</a></li>
					<li><a href="" data-dropdown="menu-others"
						class="small secondary button">Outros</a></li>
				</ul>
				<ul class="button-group right">
					<li><a href="" class="small secondary button">Perfil</a></li>
					<li><a href="" class="small alert button">Sair</a></li>
				</ul>
				<ul id="menu-others" class="f-dropdown" data-dropdown-content>
					<li><a href="">Tipos de Documentos</a></li>
					<li><a href="">Licenças de Documentos</a></li>
				</ul>
			</nav>
			<hr>
		</div>
	</header>

	<div id="admin-content" class="row">
		<article class="large-12 columns">
			<h3 id="title-doc">
				<a href="" data-reveal-id="modal-user" class="icon-plus"></a> |
				Usuários
			</h3>
			<table>
				<thead>
					<tr>
						<th>Nome</th>
						<th>Sobrenome</th>
						<th>Email</th>
						<th style="width: 80px;"></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>Alice</td>
						<td>Rocha</td>
						<td>alice.rocha@email.com</td>
						<td><a href="" class="icon-pencil"></a> | <a href=""
							class="icon-trash"></a></td>
					</tr>
					<tr>
						<td>Arthur</td>
						<td>Oliveira</td>
						<td>arthur.oliveira@email.com</td>
						<td><a href="" class="icon-pencil"></a> | <a href=""
							class="icon-trash"></a></td>
					</tr>
					<tr>
						<td>Diego</td>
						<td>Lobato</td>
						<td>diego.lobato@email.com</td>
						<td><a href="" class="icon-pencil"></a> | <a href=""
							class="icon-trash"></a></td>
					</tr>
					<tr>
						<td>Fernanda</td>
						<td>Castro</td>
						<td>fernanda.castro@email.com</td>
						<td><a href="" class="icon-pencil"></a> | <a href=""
							class="icon-trash"></a></td>
					</tr>
					<tr>
						<td>Igor</td>
						<td>Souza</td>
						<td>igor.souza@email.com</td>
						<td><a href="" class="icon-pencil"></a> | <a href=""
							class="icon-trash"></a></td>
					</tr>
					<tr>
						<td>Lucas</td>
						<td>Soares</td>
						<td>lucas.soares@email.com</td>
						<td><a href="" class="icon-pencil"></a> | <a href=""
							class="icon-trash"></a></td>
					</tr>
					<tr>
						<td>Rebeca</td>
						<td>Silva</td>
						<td>rebeca.silva@email.com</td>
						<td><a href="" class="icon-pencil"></a> | <a href=""
							class="icon-trash"></a></td>
					</tr>
				</tbody>
			</table>
		</article>
	</div>

	<!-- Modals -->
	<div id="modal-user" class="reveal-modal medium">
		<a class="close-reveal-modal">&#215;</a>
		<h3>Adicionar/Alterar Usuário</h3>
		<form method="post" action="">
			<label for="user-firstname">Nome</label> <input id="user-firstname"
				name="user-firstname" type="text"> <label
				for="user-lastname">Sobrenome</label> <input id="user-lastname"
				name="user-lastname" type="text"> <label for="user-facebook">Facebook</label>
			<input id="user-facebook" name="user-facebook" type="text"> <label
				for="user-university">Universidade</label> <input
				id="user-university" name="user-university" type="text"> <label
				for="user-area">Área</label> <input id="user-area" name="user-area"
				type="text"> <label for="user-degree">Grau Acadêmico</label>
			<input id="user-degree" name="user-degree" type="text"> <label
				for="user-email">Email</label> <input id="user-email"
				name="user-email" type="text"> <label for="user-password">Senha</label>
			<input id="user-password" name="user-password" type="password">
			<label for="user-confirmpassword">Confirmar Senha</label> <input
				id="user-confirmpassword" name="user-confirmpassword"
				type="password"> <label for="doc-photo">Foto</label> <input
				id="doc-photo" name="doc-photo" type="file">
			<hr>
			<button type="submit" class="small expand">Salvar</button>
		</form>
	</div>

	<!-- Scripts -->
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/foundation.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
</body>
</html>